<template>
    <div class="chartShow">
        <div :is="chartsList.type" :chartsData="chartsList.data"></div>
    </div>
</template>

<script>

    const chartColumn = () => import("@c/chartModule/chartColumn/chartColumn");
    const chartMap = () => import("@c/chartModule/chartMap/chartMap");
    const chartScatter = () => import("@c/chartModule/chartScatter/chartScatter");
    const chartPieLine = () => import("@c/chartModule/chartPieLine/chartPieLine");

    export default {
        name: "chartModule",
        components: {
            chartColumn,
            chartMap,
            chartScatter,
            chartPieLine,
        },
        props: [
            'chartsList'
        ],
        data() {
            return {}
        },
        created() {
        },
        mounted() {
            const _this = this;
            // console.log('chartModule', this.chartsList )
        },
        methods: {},
    }
</script>

<style lang="scss">
    @import "chartModule";
</style>